<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./res/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
<script src="./js/index.js"></script>
</head>
<body>
    <div id="app" class="flex-column">
        <div class="head flex-row">
            <div class="city flex-center">武汉</div>
            <div class="app-name flex-center">软帝电影</div>
            <div class="search-icon flex-center">
                <i class="fa fa-search fa-x"></i>
            </div>
        </div>
        <div class="fimg ">
         
                <div class="re">
                    <ul>
                        <li><img src="./img/1.jpg" alt=""></li>
                        <li><img src="./img/2.jpg" alt=""></li>
                        <li><img src="./img/3.jpg" alt=""></li>
                        <li><img src="./img/4.jpg" alt=""></li>
                        <li><img src="./img/5.jpg" alt=""></li>
                    </ul>
                    <ol>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div><hr>
   
        <div class="movie1 flex-row">
            
                <div class="movie-img">
                    <img src="./img/6.jpg" alt="">
                </div>
                <div class="movie-world flex-column">
                    <div class="movie-name flex-center">
                        <div class="world">死侍1</div>
                       
                    </div>
                    <div class="movie-text flex-center">
                        <textarea name="textarea" cols="28" rows="4">油嘴滑舌的雇佣兵韦德·威尔森（瑞恩·雷诺兹 Ryan Reynolds 饰）与俏皮可爱的瓦内莎（莫蕾娜·巴卡林 Morena Baccarin 饰）邂逅，但在爱情最美满的时刻，他被诊断患有晚期癌症，留在世上的时间所剩无几。极度绝望之际，他接受了弗朗西斯（艾德·斯克林 Ed Skrein 饰）私人组织的邀请，对其基因做了改造，以谋求体能的突变。在忍受了一系列的残酷折磨后，韦德终于治好了癌症，蜕变成拥有不死之身的超级战士，但是代价却是失去了人类的面容。狡猾的弗朗西斯逃之夭夭，而韦德却无法以恐怖的面容去面对女友。在此之后，他化身死侍，穿梭于每一个黑暗角落，寻找阿贾克斯的踪影……
                        </textarea>
                    </div>
                </div>
                <div class="movie-select  flex-column">
                    <div class="movie-money flex-center">
                      <div class="world">88元</div>
                    </div>
                    <div class="movie-buy">
                        <button class="niceButton">购票</button>
                    </div> 
                
                </div>
        </div>
        <div class="movie2 flex-row ">
            <div class="movie-img">
                <img src="./img/7.jpg" alt="">
            </div>
            <div class="movie-world flex-column">
                <div class="movie-name flex-center">
                    <div class="world">复仇者联盟1</div>
                   
                </div>
                <div class="movie-text flex-center">
                    <textarea name="textarea" cols="28" rows="4">一股突如其来的强大邪恶势力对地球造成致命威胁，没有任何一个超级英雄能够单独抵挡。长期致力于保护全球安危的神盾局（SHIELD）感到措手不及，其指挥官“独眼侠”尼克·弗瑞意识到他必须创建一个“史上最强”的联盟组织，云集各方超级英雄一起发威，才能拯救世界于水深火热，抵御黑暗势力的侵袭。于是由六大超级英雄——“钢铁侠”、“雷神”、“美国队长”、“绿巨人”、“黑寡妇”和“鹰眼”组成的“复仇者联盟”应运而生。他们各显神通，团结一心，终于战胜了邪恶势力，保证了地球的安全。
                    </textarea>
                </div>
            </div>
            <div class="movie-select  flex-column">
                <div class="movie-money flex-center">
                  <div class="world">88元</div>
                </div>
                <div class="movie-buy">
                    <button class="niceButton">购票</button>
                </div> 
            
            </div>
        </div>
        <div class="movie3 flex-row">
            <div class="movie-img">
                <img src="./img/8.jpg" alt="">
            </div>
            <div class="movie-world flex-column">
                <div class="movie-name flex-center">
                    <div class="world">金刚狼1</div>
                   
                </div>
                <div class="movie-text flex-center">
                    <textarea name="textarea" cols="28" rows="4">1845年，尚年幼的维克多与詹姆斯兄弟俩在长辈之间一场突如其来争执中唤醒了自身的潜能，詹姆斯情急之下将陌生的生父杀死，自此兄弟两人流落战场，他们凭借不死不衰之身和野兽一般的天赋在各个时代的战争中大开杀戒，直到遇见史崔克少校并加入了他的异能人特殊部队。詹姆斯很快厌倦了对弱势者的杀戮，离开了团队和维克多，与女友凯拉隐居在山林中，做了一名伐木工人。六年后，詹姆斯惊闻昔日的超能力队友纷纷被杀害，而杀手正是哥哥维克多，不久连凯拉也遭其毒手，愤怒的詹姆斯与史崔克合作，将自己的身体改造，成为钢筋铁骨的“金刚狼”。金刚狼摆脱军方控制后，发誓要杀死维克多和史崔克为凯拉报仇……</textarea>
                </div>
            </div>
            <div class="movie-select  flex-column">
                <div class="movie-money flex-center">
                  <div class="world">88元</div>
                </div>
                <div class="movie-buy">
                    <button class="niceButton">购票</button>
                </div> 
            
            </div>
        </div>
        <div class="foot flex-row" >
            <div class="tj flex-column">
                <button type="button" class="ntn" style="background-image: url(./img/10.jpg);"></button>
                <div>推荐</div>
            </div>
            <div class="fl flex-column">
                <button type="button" class="ntn" style="background-image: url(./img/9.jpg);"></button>
                <div>分类</div>
            </div>
            <div class="ph flex-column">
                <button type="button" class="ntn" style="background-image:url(./img/9.jpg) ;"></button>
                <div>排行</div>
            </div>
            <div class="my flex-column">
                <button type="button" class="ntn" style="background-image: url(./img/10.jpg);" ></button>
                <div>我的</div>
            </div>
        </div>
    </div>
</body>
</html>